// 唯品会适配
// 1、设计图稿不管多大都看作是10rem，那么屏幕整个宽度最终也得10rem
// 2、要想让屏幕最终是10rem，本质就是拿到屏幕的布局视口宽度/10求出1rem的字体大小
// 3、把字体设置给html标签，必须js动态实现，才能换不同的机型自动更新
function adepter() {
  let deciceWidth = document.documentElement.clientWidth; //获取的就是设备的布局视口宽度
  let remFont = deciceWidth / 10;
  // 重新设置页面的根标签字体大小
  document.documentElement.style.fontSize = remFont + "px";
  // 后期我们只需要把图稿上的所有的px转化为rem去直接写就行
}

//  设置1rem值好计算,但是设置元素大小时比较麻烦
adepter();
// onresize 事件会在窗口或框架被调整大小时发生。
window.onresize = adepter;
